<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>计算属性</title>
</head>
<body>
<div id="app">
</div>
<link rel="stylesheet" type="text/css" href="http://unpkg.com/iview/dist/styles/iview.css">
<script type="text/javascript" src="http://vuejs.org/js/vue.min.js"></script><!-- vue 2.x系列最新版本的支持 -->
<script type="text/javascript" src="http://unpkg.com/iview/dist/iview.min.js"></script>


<script type="text/x-template" id="modal-template">
  <i-input :value.sync="value" placeholder="请输入..." style="width: 300px"></i-input>
</script>
<script>
  new Vue({
    el: '#app',
    template:'#modal-template',
    data: {
      value: "惺惺惜惺惺想寻"
    }
  })
</script>
</body>
</html>
